<!DOCTYPE HTML>
<html lang="zh-CN" data-rem="375">
<head>
    <meta charset="UTF-8">
    <title>排行榜</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="/css/style-board-list.css" />
</head>
<body>
<div class="page-top">
    <div class="page-nav">
        <span class="page-nav-title">排行榜</span>
        <a href="{{route('search')}}">
            <img src="/img/common/search-icon-black.png" alt="" class="nav-search">
        </a>
    </div>
    <div class="page-select-tab">
        <div class="select-item">@if($parent_category) {{$parent_category->title}} @else 一级分类 @endif  <img src="/img/common/arrow-down.png" width="11px" height="6px" alt="" class="arrow-down"></div>
        <div class="select-item">@if($category) {{$category->title}} @else 二级分类 @endif  <img src="/img/common/arrow-down.png" width="11px" height="6px" alt="" class="arrow-down"></div>
    </div>
</div>
<div class="page-content">
    <div class="board-list">
        @foreach($projectList['list'] as $key => $item)
            <a href="{{route('project.info', ['id' => $item->id])}}">
                <div class="board-item">
                    <div class="board-item-left">
                        @if($key == 0)
                            <img src="/img/common/first-icon.png"  alt="" class="board-index">
                        @elseif($key == 1)
                            <img src="/img/common/second-icon.png"  alt="" class="board-index">
                        @elseif($key == 2)
                            <img src="/img/common/three-icon.png"  alt="" class="board-index">
                        @elseif($key == 3)
                            <img src="/img/common/four-icon.png"  alt="" class="board-index">
                        @else
                            {{$key+1}}
                        @endif
                        <div class="circle">
                            <img src="{{$item->adv_map[0]}}" alt="" class="circle-img">
                        </div>
                        <div class="board-info">
                            <div class="board-name">{{$item->name}}</div>
                            <div class="board-company">{{$item->company_title}}</div>
                            <div class="board-type
                                @if($key == 0)
                                    blue
                                 @elseif($key == 1)
                                    yellow
                                @elseif($key == 2)
                                    orange
                                @elseif($key == 3)
                                    green
                                @else

                                @endif
                            ">分类：{{$item->parent_category->title}}-{{$item->category->title}}</div>
                        </div>
                    </div>
                    <div class="board-item-right">
                        <span class="touzi-txt">投资额</span>
                        <strong class="touzi-num">{{$item->amount_show}}</strong>
                    </div>
                </div>
            </a>
        @endforeach
    </div>
</div>




<div class="page-footer">
    <div class="footer-item">
        <img src="/img/tabbar/tabbar-home-active.png" width="27px" height="24px" alt="" class="footer-img">
        <span class="footer-txt">首页</span>
    </div>
    <div class="footer-item">
        <img src="/img/tabbar/tabbar-home-active.png" width="27px" height="24px" alt="" class="footer-img">
        <span class="footer-txt">项目部</span>
    </div>
    <div class="footer-item">
        <img src="/img/tabbar/tabbar-home-active.png" width="27px" height="24px" alt="" class="footer-img">
        <span class="footer-txt">创业资讯</span>
    </div>
    <div class="footer-item">
        <img src="/img/tabbar/tabbar-home-active.png" width="27px" height="24px" alt="" class="footer-img">
        <span class="footer-txt">排行榜</span>
    </div>


    <div id="firstLayout" class="layui-m-layer layui-m-layer0 layout" >
        <div class="layui-m-layershade"></div>
        <div class="layui-m-layermain">
            <div class="layui-m-layersection">
                <div class="layui-m-layerchild Inside layui-m-anim-up">
                    <div class="layui-m-layercont">
                        <aside class="SysList" id="FirstLevel">
                            <a class="moderm" href="{{route('h5.rank.project.list', ['parent_category_id' => 0,'category_id' => 0])}}" target="_self">全部</a>
                            @foreach($catList as $item)
                                <a href="{{route('h5.rank.project.list', ['parent_category_id' => $item->id,'category_id' => 0])}}" target="_self" title="{{$item->title}}" >
                                    {{$item->title}}
                                </a>
                            @endforeach
                        </aside>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="secondLayout" class="layui-m-layer layui-m-layer0 layout" >
        <div class="layui-m-layershade"></div>
        <div class="layui-m-layermain">
            <div class="layui-m-layersection">
                <div class="layui-m-layerchild Inside layui-m-anim-up">
                    <div class="layui-m-layercont">
                        <aside class="SysList" id="FirstLevel">
                            <a class="moderm" href="{{route('h5.rank.project.list', [ 'parent_category_id' => $parent_category->id ?? 0])}}" target="_self">全部</a>
                            @if($child_category)
                                @foreach($child_category as $item)
                                    <a href="{{route('h5.rank.project.list', [ 'parent_category_id' => $item->parent_id, 'category_id' => $item->id])}}" target="_self" title="{{$item->title}}">{{$item->title}}</a>
                                @endforeach
                            @endif
                        </aside>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<script crossorigin="anonymous" integrity="sha384-qu2J8HSjv8EaYlbzBdbVeJncuCmfBqnZ4h3UIBZ9WTZ/5Wrqt0/9hofL0046NCkc" src="https://lib.baomitu.com/zepto/1.2.0/zepto.min.js"></script>
<script src="/js/utils.js"></script>
<script>

    $(function () {
        $(document).on('click',".select-item",function () {
            var index = $(this).index();
            if(index === 0) {
                $("#firstLayout").show();
            }
            if(index === 1) {
                $("#secondLayout").show();
            }
        });
        $(document).on("click",".layui-m-layershade",function () {
            $(".layout").hide();
        })

        utils.initFooter()
    })
</script>
</body>
</html>